<template>
  <div class="content-body">
    <page-skeleton title avatar :loading="false" :row="1" :count="10" style="width: 100%">
      <self-card
        headUrl="https://img01.yzcdn.cn/vant/cat.jpeg"
        title="自古一楼不简单"
        chatId="uuid88888888"
      />
      <empty-line height="6px"/>
      <list-cell icon="#iconfont-zhifu" title="支付"/>
      <empty-line height="6px"/>
      <list-cell icon="#iconfont-shoucang" title="收藏"/>
      <list-cell icon="#iconfont-tupian" title="朋友圈"/>
      <list-cell icon="#iconfont-kabao" title="卡包"/>
      <list-cell icon="#iconfont-biaoqing" title="表情"/>
      <empty-line height="6px"/>
      <list-cell icon="#iconfont-shezhix" title="设置" />
      <empty-line height="2rem"/>
    </page-skeleton>
  </div>
</template>
<script>
import SelfCard from "@/views/me/SelfCard"
import ListCell from "@/components/ListCell"
import EmptyLine from "@/components/EmptyLine"

export default {
  name: "Me",
  components: {
    SelfCard,
    ListCell,
    EmptyLine
  },
  data() {
    return {
    };
  },
  mounted() {
    document.getElementById("app").scrollTop = 0;
  },
  methods: {

  }
};
</script>
<style scoped>
  .content-body {
    width: 100%;
    display: inline-flex;
    margin-bottom: 1.33333rem;
  }
</style>
